<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>template创建的三种方式</title>
    <script type="text/javascript" src="../assets/js/vue.js"></script>
</head>
<body>
<h1>Hello World</h1>
<hr>
<div id="app">
    <template id="dd2">
        <h2 style="color: red">这是使用template标签创建</h2>
    </template>
    <script type="x-template" id="dd3">
        <h2 style="color: red">这是使用Script创建</h2>
</script>
</div>
<script type="text/javascript">
    var app = new Vue({
      el:'#app',
      data:{
        message:'hello world!'
      },
      // template:`<div><h2 style="color: red">这是使用template直接创建</h2></div>`
      template:'#dd3'
    })
</script>
</body>
</html>